<%--
  Created by IntelliJ IDEA.
  User: 陈俊雄
  Date: 2018/3/1
  Time: 17:02
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<div class="modal-header">
    <button class="close" ng-click="cancel()">
        <span aria-hidden="true">×</span>
    </button>
    <h3 class="modal-title" id="modal-title">{{type == 1 ? '发货信息' : '结果详情'}}</h3>
</div>
<div class="modal-body" id="modal-body">
    <div class="ibox-content sk-loading no-padding no-borders">
        <div class="sk-spinner sk-spinner-wave">
            <div class="sk-rect1"></div>
            <div class="sk-rect2"></div>
            <div class="sk-rect3"></div>
            <div class="sk-rect4"></div>
            <div class="sk-rect5"></div>
        </div>

        <div class="table-responsive" ng-show="type == 1">
            <table class="table table-condensed table-striped table-hover table-bordered">
                <tr>
                    <th class="text-center">快递公司</th>
                    <th class="text-center">快递单号</th>
                    <th class="text-center">查单网址</th>
                    <th class="text-center">提交时间</th>
                </tr>
                <tr>
                    <td class="text-center">{{shipInfo.expressName}}</td>
                    <td class="text-center">{{shipInfo.expressNo}}</td>
                    <td class="text-center">{{shipInfo.invoiceUrl}}</td>
                    <td class="text-center">{{shipInfo.createTime | date:'yyyy-MM-dd hh:mm:ss:sss'}}</td>
                </tr>
            </table>
        </div>

        <div ng-show="type != 1">
            <h3>清算信息：</h3>
            <div class="table-responsive">
                <table class="table table-condensed table-striped table-hover table-bordered">
                    <tr>
                        <th class="text-center">清算状态</th>
                        <th class="text-center">清算金额</th>
                        <th class="text-center">清算人名币金额</th>
                        <th class="text-center">清算时间</th>
                    </tr>
                    <tr>
                        <td class="text-center">{{orderInfo.financeStatus | getValueByList : financeStatus :
                            'firstValue' : 'name'}}
                        </td>
                        <td class="text-center">{{orderInfo.amount - merchantOrder.bond - merchantOrder.deduct}}</td>
                        <td class="text-center">{{orderInfo.rmbAmount - merchantOrderRmb.bond -
                            merchantOrderRmb.deduct}}
                        </td>
                        <td class="text-center">{{orderInfo.financeTime | date:'yyyy-MM-dd hh:mm:ss:sss'}}</td>
                    </tr>
                </table>
            </div>

            <h3>异常信息：</h3>
            <div class="table-responsive">
                <table class="table table-condensed table-striped table-hover table-bordered">
                    <tr>
                        <th class="text-center">异常状态</th>
                        <th class="text-center">异常金额</th>
                        <th class="text-center">异常人民币金额</th>
                        <th class="text-center">异常时间</th>
                    </tr>
                    <tr ng-repeat="x in orderChange">
                        <td class="text-center">{{x.type | getValueByList : exceptionStatus : 'firstValue' : 'name'}}
                        </td>
                        <td class="text-center">{{x.amount}}</td>
                        <td class="text-center">{{x.rmbAmount}}</td>
                        <td class="text-center">{{x.auditTime | date:'yyyy-MM-dd hh:mm:ss:sss'}}</td>
                    </tr>
                </table>
            </div>

            <h3>账单信息：</h3>
            <div class="table-responsive">
                <table class="table table-condensed table-striped table-hover table-bordered">
                    <tr>
                        <th class="text-center">姓名</th>
                        <th class="text-center">电话</th>
                        <th class="text-center">邮箱</th>
                        <th class="text-center">国家</th>
                        <th class="text-center">州省</th>
                        <th class="text-center">城市</th>
                        <th class="text-center">邮编</th>
                    </tr>
                    <tr>
                        <td class="text-center">
                            {{orderDetail.firstName}}&nbsp;{{orderDetail.lastName}}
                        </td>
                        <td class="text-center">{{orderDetail.phone}}</td>
                        <td class="text-center">{{orderDetail.email}}</td>
                        <td class="text-center">{{orderDetail.country}}</td>
                        <td class="text-center">{{orderDetail.province}}</td>
                        <td class="text-center">{{orderDetail.city}}</td>
                        <td class="text-center">{{orderDetail.zip}}</td>
                    </tr>
                </table>
            </div>

            <h3>支付信息：</h3>
            <div class="table-responsive">
                <table class="table table-condensed table-striped table-hover table-bordered">
                    <tr>
                        <th class="text-center">支付类型</th>
                        <th class="text-center">卡号</th>
                        <th class="text-center">IP</th>
                    </tr>
                    <tr>
                        <td class="text-center">{{orderInfo.payType}}</td>
                        <td class="text-center">{{simpleCard}}</td>
                        <td class="text-center">{{orderDetail.ip}}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>